<template>
	<view :class="[BackGround]" :style="[{'font-weight':Style,'font-family':Font,height:100 + '%',minHeight:height + 'px'}]">
		<cu-custom bgColor="bg-gradual-blue" isBack="true">
			<view slot="backText">返回</view>
			<view slot="content">粗纱报表</view>
		</cu-custom>
		<list-box :list="list" @jumpview="jumpview"></list-box>
	</view>
</template>

<script>
	import ListBox from '@/colorui/components/list'
	import {
		mapGetters
	} from 'vuex'
	export default {
		data() {
			return {
				height: this.screenHeight,
				isShow:true,
				list: [{
					img: "/static/images/RovingTable01.png",
					name: '粗纱落纱分析报表',
					isShow:true,
				}, {
					img: "/static/images/RovingTable02.png",
					name: '粗纱断纱断头分析报表',
					isShow:true,
				}, {
					img: "/static/images/RovingTable03.png",
					name: '粗纱开停车记录',
					isShow:true,
				}, {
					img: "/static/images/RovingTable04.png",
					name: '粗纱故障记录',
					isShow:true,
				}],
			}
		},
		computed: {
			...mapGetters([
				'Style', 'Font', 'BackGround', 'BackGroundBox'
			])
		},
		components: {
			ListBox
		},
		onLoad() {
			// let tree = uni.getStorageSync('tree')
			// for (let value of tree) {
			// 	if (value.LPARENTID == '00') {
			// 		for (let qq of value.children) {
			// 			if (qq.LMENUID == '9711') {
			// 				for (let hh of qq.children) {
			// 					for (let ww of this.list) {
			// 						if (hh.LMENUID == ww.LMENUID) {
			// 							ww.isShow = true
			// 						}
			// 					}
			// 				}
			// 			}
			// 		}
			// 	}
			// }
		},
		methods: {
			jumpview(index) {
				switch (index) {
					case 0:
						uni.navigateTo({
							url: './RovingTable01'
						})
						break;
					case 1:
						uni.navigateTo({
							url: './RovingTable02'
						})
						break;
					case 2:
						uni.navigateTo({
							url: './RovingTable03'
						})
						break;
					case 3:
						uni.navigateTo({
							url: './RovingTable04'
						})
						break;
				}
			}
		}
	}
</script>

<style>

</style>
